<!--Force IE6 into quirks mode with this comment tag-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Alternativa Once</title>
<link href="styleIndex.css" rel="stylesheet" type="text/css" />
<script>
  function changeimage(towhat,url){
    if (document.images){
      document.images.targetimage.src=towhat.src
      gotolink=url
    }
  }
  
  function warp(){
    window.location=gotolink
  }
  
  </script>
  
  <script language="JavaScript1.1">
  var myimages=new Array()
  var gotolink="#"
  
  function preloadimages(){
    for (i=0;i<preloadimages.arguments.length;i++){
    myimages[i]=new Image()
    myimages[i].src=preloadimages.arguments[i]
    }
  }
  
  preloadimages("images/img01.gif","images/pic02.gif","images/pic03.gif","images/pic04.gif","images/pic05.gif")
</script>
</head>
<body>

<div id="framecontent">
<div class="seccioninterior">

<div id="navcontainer">
<ul>
   <li><a href="#">Terms & Conditions</a></li>
   <li><a href="#">Copyright Information</a></li>
   <li><a href="#">Privacy Policy</a></li>
   <li style="border:0"><a href="#">Sitemap</a></li>                                                    
</ul> 
</div>  

</div>
</div>

<div id="maincontent">
<div class="seccioninterior" style="height:77px; border-bottom:1px solid #ccc;">
<img src="images/logo.gif" style="float:left;">
<div id="menutop" style="float:left; font-size:10px; text-align:right; padding-left:540px">
  <ul style="padding-top:10px; list-style-type: none;">
    <li><a href="#">Artistas</a></li>
    <li><a href="#">Exposiciones</a></li>
    <li><a href="#">Galeria</a></li>
    <li><a href="#">Convocatoria</a></li>
  </ul>
</div>
</div>

<div class="seccioninterior" style="margin-top:80px; ">
<div class="cuadroIzquierdoExpoAnterior">
<img src="images/img01.gif" name="targetimage" border=0>
</div>

<div id="menuartistas" class="menuArtistasCuadro">
  <ul style="list-style-type:none">
  <li><a href="#" onMouseover="changeimage(myimages[0],this.href)">adriana prosel</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[1],this.href)">enrique dominguez</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[2],this.href)">patricia contreras</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[3],this.href)">ursula meniga</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[4],this.href)">hugo lugo</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[0],this.href)">pedro coronel</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[1],this.href)">dash snow</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[2],this.href)">pablito ruiz</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[3],this.href)">miguel azcunaga</a></li>
  <li><a href="#" onMouseover="changeimage(myimages[4],this.href)">barbara graham</a></li>                                                      
  </ul>  
</div>

</div>
</div>


</body>
</html>
